<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>新增学生</h1>
<!--
text	单行文本框   *
password	密码框  *
radio	单选按钮   *
checkbox	复选框   *
submit	提交按钮   *
button	普通按钮   *
reset	重置按钮   *
image	图片提交按钮
file	文件   *
hidden	隐藏域   *
email	邮箱    *
number	数值输入
range	取值范围
color	取色按钮
date	日期框   *
time	时间框
datetime	日期和时间框   *
select    *
textarea
-->
<form action="" method="get" enctype="application/x-www-form-urlencoded">

    <table>
        <tr>
            <td>学生编号</td>
            <td><input type="text" name="stuId" readonly value="12"/></td>
        </tr>
        <tr>
            <td>学生姓名</td>
            <td><input type="text" name="stuName"/></td>
        </tr>
        <tr>
            <td>学生密码</td>
            <td><input type="password" name="passWord"/></td>
        </tr>
        <tr>
            <td>学生性别</td>
            <td>
                <input type="radio" name="stuGender" value="男" checked/>男
                <input type="radio" name="stuGender" value="女"/>女
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" name="hobby" value="sing" checked/>唱歌
                <input type="checkbox" name="hobby" value="jump"/>跳舞
                <input type="checkbox" name="hobby" value="basketball"/>篮球
                <input type="checkbox" name="hobby" value="football"/>足球
            </td>
        </tr>
        <tr>
            <td>学生照片</td>
            <td><input type="file" name="picture"/></td>
        </tr>
        <tr>
            <td>学生邮箱</td>
            <td><input type="email" name="stuEmail"/></td>
        </tr>

        <tr>
            <td>学生年龄</td>
            <td><input type="number" name="stuAge"/></td>
        </tr>
        <tr>
            <td>评分</td>
            <td><input type="range" name="level" min="5" max="10"/></td>
        </tr>
        <tr>
            <td>喜好颜色</td>
            <td><input type="color" name="hobbycolor"/></td>
        </tr>
        <tr>
            <td><input type="submit" value="提交"/></td>
        </tr>
        <tr>
            <td>入学日期</td>
            <td><input type="date" name="gotoschool"/></td>
        </tr>
        <tr>
            <td>时间</td>
            <td><input type="time" name="time"/></td>
        </tr>
        <tr>
            <td>日期时间</td>
            <td><input type="datetime-local" name="datetime"/></td>
        </tr>

        <tr>
            <td>学生籍贯</td>
            <td>
                <select>
                    <option>辽宁</option>
                    <option selected>北京</option>
                    <option>黑龙江</option>
                    <option>上海</option>
                    <option>河南</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>请阅读</td>
            <td><textarea>ababa</textarea></td>
        </tr>
        <tr>
            <td>
                <input type="submit" value="提交"/>
                <input type="button" value="普通按钮"/>
                <input type="reset" value="重置"/>
                <input type="image" src="img/003.png" width="20" height="20"/>
            </td>
        </tr>
    </table>

</form>
</body>
</html>